.product-card-img {
    width: 100%;
    height: 250px;            /* force same height */
    object-fit: cover;        /* crop evenly */
    object-position: center;  /* centers the crop */
    border-radius: 8px;
}
  .card {
        transition: transform 0.3s ease, box-shadow 0.3s ease; /* smooth pop effect */
        cursor: pointer;
    }

    .card:hover {
        transform: scale(1.05); /* slightly bigger */
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); /* shadow pop for depth */
    }